<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>header</title>
<link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="menu/jquery/ui/themes/ui-lightness/ui.all.css" />
<script type="text/javascript" src="menu/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="menu/jquery/ui/ui.core.js"></script>
<script type="text/javascript" src="menu/jquery/superfish/js/superfish.js"></script>
<script type="text/javascript" src="menu/jquery/tab.js"></script>
</head>
<body>
<div id="container">
<div id="header">
  <div class="div1"><img src="menu/image/logo.png" title="logo" /></div>
</div>
<div id="menu">
  <ul class="nav left" style="display: none;">
    <li id="dashboard"><a href="#" class="top">home</a></li>
    <li id="catalog"><a class="top">catalog</a>
      <ul>
        <li><a href="#">category</a></li>
        <li><a href="#">product</a></li>
      </ul>
    </li>
    <li id="extension"><a class="top">extension</a>
      <ul>
        <li><a href="#">module</a></li>
      </ul>
    </li>
    <li id="sale"><a class="top">sale</a>
      <ul>
        <li><a href="#">order</a></li>
      </ul>
    </li>
    <li id="system"><a class="top">system</a>
      <ul>
        <li><a href="#">setting</a></li>
        <li><a class="parent">users</a>
          <ul>
            <li><a href="#">user</a></li>
            <li><a href="#">user_group</a></li>
          </ul>
        </li>
        <li><a class="parent">localisation</a>
          <ul>
            <li><a href="#">language</a></li>
          </ul>
        </li>
        <li><a href="#">error_log</a></li>
        <li><a href="#">backup</a></li>
      </ul>
    </li>
    <li id="reports"><a class="top">reports</a>
      <ul>
        <li><a href="#">report_sale</a></li>
      </ul>
    </li>
  </ul>
  </div>
  <script type="text/javascript"><!--
$(document).ready(function() {
	$('.nav').superfish({
		hoverClass	 : 'sfHover',
		pathClass	 : 'overideThisToUse',
		delay		 : 0,
		animation	 : {height: 'show'},
		speed		 : 'normal',
		autoArrows   : false,
		dropShadows  : false, 
		disableHI	 : false, /* set to true to disable hoverIntent detection */
		onInit		 : function(){},
		onBeforeShow : function(){},
		onShow		 : function(){},
		onHide		 : function(){}
	});
	
	$('.nav').css('display', 'block');
});
//--></script>
  <script type="text/javascript"><!-- 
function getURLVar(urlVarName) {
	var urlHalves = String(document.location).toLowerCase().split('?');
	var urlVarValue = '';
	
	if (urlHalves[1]) {
		var urlVars = urlHalves[1].split('&');

		for (var i = 0; i <= (urlVars.length); i++) {
			if (urlVars[i]) {
				var urlVarPair = urlVars[i].split('=');
				
				if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
	
	return urlVarValue;
} 

$(document).ready(function() {
	route = getURLVar('route');
	
	if (!route) {
		$('#dashboard').addClass('selected');
	} else {
		part = route.split('/');
		
		url = part[0];
		
		if (part[1]) {
			url += '/' + part[1];
		}
		
		$('a[href*=\'' + url + '\']').parents('li[id]').addClass('selected');
	}
});
//--></script>
</div>
